﻿body {
	background-color: #FFF;
	color: #FFF;
	font-family: Arial;
	font-size: 12px;
	padding: 1px;
	margin: 3px;
}

a
{
	color: #0064FF;
	text-decoration:none;
}

a:hover
{
	text-decoration: underline;	
}

.mainContainer
{
	background-color: #ffffff;
}
.title
{
    text-align:center;     
    font-weight:bold;
    font-size:22px;
}

.user
{	
	text-align:right;
	font-size:10px;
	font-weight:bold;
}

.sideMenu
{
    height:725px;
    width: 125px;
    border-right-style: groove;
    border-right-width: 1px;
    border-right-color: #0064FF;
    background-image:url(images/side_background.jpg);
    background-repeat:repeat-y;
}

.selectedMenuItem
{
	font-weight:bold;
}

.content
{ 
    padding-left: 3px;            
}

.footer
{
	text-align: center;
	background-image: url(images/footer_background.jpg);	
	background-repeat: repeat-x;
}

.validationErrorMessageHeader
{	
	font-weight: bold;
	color: red; 
	text-decoration: underline;
}

.validationErrorMessage
{
	color: red;
}

.capabilityHeader
{
	font-weight: bold;
}

/* Grid View Styles */
.gridViewRow
{
	background-color: #EFF3FB;
}

.gridViewPager
{
	background-color: #79A9F4;
	color: White;
	text-align: center;	
}

.gridViewPager a
{
    text-decoration: underline;
    color: White;    
}

.gridViewHeader
{
	background-color: #79A9F4;
	font-weight: bold;
	color: White;
}

.gridViewHeader a
{
    text-decoration: underline;
    color: White;
    font-weight: bold;
}

.gridViewAlternatingRow
{
	background-color: White;
}

/* *************************************************************************** */ 
/*Credits: By Santosh Setty (http://webdesigninfo.wordpress.com) */
/*Posted to: Dynamic Drive CSS Library (http://www.dynamicdrive.com/style/) */

.glossymenu{
	position: relative;
	padding: 0 0 0 34px;
	margin: 0 auto 0 auto;
	background: url(/images/menub_bg.gif) repeat-x; /*tab background image path*/
	height: 46px;
	list-style: none;
}

.glossymenu li{
	float:left;
}

.glossymenu li a{
	float: left;
	display: block;
	color:#000;
	text-decoration: none;
	font-family: sans-serif;
	font-size: 13px;
	font-weight: bold;
	padding:0 0 0 16px; /*Padding to accomodate left tab image. Do not change*/
	height: 46px;
	line-height: 46px;
	text-align: center;
	cursor: pointer;	
}

.glossymenu li a b{
	float: left;
	display: block;
	padding: 0 24px 0 8px; /*Padding of menu items*/
}

.glossymenu li.current a, .glossymenu li a:hover{
	color: #fff;
	background: url(/images/menub_hover_left.gif) no-repeat; /*left tab image path*/
	background-position: left;
}

.glossymenu li.current a b, .glossymenu li a:hover b{
	color: #fff;
	background: url(/images/menub_hover_right.gif) no-repeat right top; /*right tab image path*/
}
/* *************************************************************************** */

div.dt
{
width:220px;
padding:10px; 
margin:0px;
-moz-box-shadow:0px 0px 3px #aaa;
-webkit-box-shadow:0px 0px 3px #aaa;
box-shadow:0px 0px 3px #aaa;
-moz-border-radius:10px;
-webkit-border-radius:10px;
border-radius:10px;
border:2px solid #fff;
background-color:#f9f9f9;
overflow:hidden;
}

div.group
{
width:760px;
padding:10px; 
margin:0px 0px 0px 2px;
-moz-box-shadow:0px 0px 3px #aaa;
-webkit-box-shadow:0px 0px 3px #aaa;
box-shadow:0px 0px 3px #aaa;
-moz-border-radius:10px;
-webkit-border-radius:10px;
border-radius:10px;
border:2px solid #fff;
background-color:#f9f9f9;
overflow:hidden;
}

div.mainreport
{
width:825px;
height:1125px;
padding:10px; 
margin:0px;
-moz-box-shadow:0px 0px 3px #aaa;
-webkit-box-shadow:0px 0px 3px #aaa;
box-shadow:0px 0px 3px #aaa;
-moz-border-radius:10px;
-webkit-border-radius:10px;
border-radius:10px;
border:2px solid #fff;
background-color:#FFF;
overflow:hidden;
}

table.reportborder
{
width:824px;
padding:10px; 
-moz-box-shadow:0px 0px 3px #aaa;
-webkit-box-shadow:0px 0px 3px #aaa;
box-shadow:0px 0px 3px #aaa;
-moz-border-radius:10px;
-webkit-border-radius:10px;
border-radius:10px;
border:2px solid #fff;
background-color:#f9f9f9;
overflow:hidden;
    margin-left: 0px;
    margin-right: 0px;
    margin-bottom: 0px;
}

table.border
{
width:778px;
padding:10px; 
-moz-box-shadow:0px 0px 3px #aaa;
-webkit-box-shadow:0px 0px 3px #aaa;
box-shadow:0px 0px 3px #aaa;
-moz-border-radius:10px;
-webkit-border-radius:10px;
border-radius:10px;
border:2px solid #fff;
background-color:#f9f9f9;
overflow:hidden;
    margin-left: 0px;
    margin-right: 0px;
    margin-bottom: 0px;
}

table.bordermenu
{
width:800px;
padding:0px; 
margin:0px;
-moz-box-shadow:0px 0px 3px #aaa;
-webkit-box-shadow:0px 0px 3px #aaa;
box-shadow:0px 0px 3px #aaa;
-moz-border-radius:10px;
-webkit-border-radius:10px;
border-radius:10px;
border:2px solid #fff;
background-color:#f9f9f9;
overflow:hidden;
}

div.hidden  {display:none;}

#shark form select{
    background: #ffffff;
    border: 1px solid #ddd;
    -moz-border-radius: 3px;
    -webkit-border-radius: 3px;
    border-radius: 3px;
    outline: none;
    padding: 5px;
    width: 200px;
    float:left;
}
#shark form input:focus{
    -moz-box-shadow:0px 0px 3px #aaa;
    -webkit-box-shadow:0px 0px 3px #aaa;
    box-shadow:0px 0px 3px #aaa;
    background-color:#FFFEEF;
}

#floatingbar,#minibar{
 border:1px solid #F1F1F1;
 height:50px;
}

#floatingbar ul, #minibar ul{
 list-style-type:none;
 margin-top:-3px;
 margin-left:-37px;
 
}

#floatingbar ul li,#minibar ul li{
 float:left;
 padding:10px;

}

#floatingbar ul li a,#minibar ul li a{
 text-decoration:none;

}

#minibar { display:none;}



.floater{
position:fixed;
top:0px;
z-index:999;
height:50px;
width:960px;
border-top:none;
background-color: #F1F1F1;
border:1px solid #000000;
color:#ccc;
display:block;
clear:both;
margin-left:auto;
margin-right:auto;
float:left;

box-shadow: 0 0 7px rgba(0,0,0,0.4);
	-webkit-box-shadow: 0 0 7px rgba(0,0,0,0.4);
	-moz-box-shadow: 0 0 7px rgba(0,0,0,0.4);
	border-radius: .214em;
	-webkit-border-radius: .214em;
	-moz-border-radius: .214em;

}



.buttonMenu {
	position: relative;
	margin: 0 .5em .5em .5em;
	padding: 0.5em 1.5em;
	font-size: 14px;
	font-weight: bold;
	font-family:Arial;
	color: #4f4f4f;
	text-shadow: 0 1px 1px #fff;
	background: #ddd;
	background: -webkit-gradient(linear, left top, left bottom, from(#ededed), to(#c4c4c4));
	background: -moz-linear-gradient(top, #ededed, #c4c4c4);
	border: 1px solid #acacac;
	border-top-color: #bdbdbd;
	letter-spacing:-1px;
	border-bottom-color: #949494;
	border-radius: .214em;
	-webkit-border-radius: .214em;
	-moz-border-radius: .214em;
	transition: all .2s ease-in-out;
	-webkit-transition: all .2s ease-in-out;
	-moz-transition: all .2s ease-in-out;
	-o-transition: all .2s ease-in-out;
	
	         box-shadow: inset 0 1px 0 #fff;
    		-webkit-box-shadow: inset 0 1px 0 #fff;
    		-moz-box-shadow: inset 0 1px 0 #fff;
    		-o-box-shadow: inset 0 1px 0 #fff;
	       
			
	cursor: pointer;
	}
	.buttonMenu:hover,
	.buttonMenu:focus {
		
		
		box-shadow: 0 0 7px rgba(0,0,0,0.4), inset 0 1px 0 #fff;
    		-webkit-box-shadow: 0 0 7px rgba(0,0,0,0.4), inset 0 1px 0 #fff;
    		-moz-box-shadow: 0 0 7px rgba(0,0,0,0.4), inset 0 1px 0 #fff;
    		-o-box-shadow: 0 0 7px rgba(0,0,0,0.4), inset 0 1px 0 #fff;
		}
	.buttonMenu:active {
		background: #ccc;
		background: -webkit-gradient(linear, left top, left bottom, from(#c3c3c3), to(#ebebeb));
		background: -moz-linear-gradient(top, #c3c3c3, #ebebeb);
		border-color: #a6a6a6;
		border-top-color: #939393;
		border-bottom-color: #bcbcbc;

		
			box-shadow: inset 0 -1px 0 #fff;
    		-webkit-box-shadow: inset 0 -1px 0 #fff;
    		-moz-box-shadow: inset 0 -1px 0 #fff;
    		-o-box-shadow: inset 0 -1px 0 #fff;
		}
.buttonMenu.default {
	color: #1c4257;
	background: #a3cde3;
	background: -webkit-gradient(linear, left top, left bottom, from(#b9e0f5), to(#85b2cb));
	background: -moz-linear-gradient(top, #b9e0f5, #85b2cb);
	border: 1px solid #759bb1;
	border-top-color: #8ab0c6;
	border-bottom-color: #587e93;
		
	}
	.buttonMenu.default:hover,
	.buttonMenu.default:focus {
	box-shadow: 0 0 7px #53a6d5;
	
		
		     box-shadow: 0 0 7px #53a6d5, inset 0 1px 0 #fff;
    		-webkit-box-shadow: 0 0 7px #53a6d5, inset 0 1px 0 #fff;
    		-moz-box-shadow: 0 0 7px #53a6d5, inset 0 1px 0 #fff;
    		-o-box-shadow: 0 0 7px #53a6d5, inset 0 1px 0 #fff;
			body {
	background-color: #79A9F4;
	color: #3A3D84;
	font-family: Arial;
	font-size: 12px;
	padding: 1px;
	margin: 3px;
}

a
{
	color: #0064FF;
	text-decoration:none;
}

a:hover
{
	text-decoration: underline;	
}

.mainContainer
{
	background-color: #ffffff;
}
.title
{
    text-align:center;     
    font-weight:bold;
    font-size:22px;
}

.user
{	
	text-align:right;
	font-size:10px;
	font-weight:bold;
}

.sideMenu
{
    height:725px;
    width: 125px;
    border-right-style: groove;
    border-right-width: 1px;
    border-right-color: #0064FF;
    background-image:url(images/side_background.jpg);
    background-repeat:repeat-y;
}

.selectedMenuItem
{
	font-weight:bold;
}

.content
{ 
    padding-left: 3px;            
}

.footer
{
	text-align: center;
	background-image: url(images/footer_background.jpg);	
	background-repeat: repeat-x;
}

.validationErrorMessageHeader
{	
	font-weight: bold;
	color: red; 
	text-decoration: underline;
}

.validationErrorMessage
{
	color: red;
}

.capabilityHeader
{
	font-weight: bold;
}

/* Grid View Styles */
.gridViewRow
{
	background-color: #EFF3FB;
}

.gridViewPager
{
	background-color: #79A9F4;
	color: White;
	text-align: center;	
}

.gridViewPager a
{
    text-decoration: underline;
    color: White;    
}

.gridViewHeader
{
	background-color: #79A9F4;
	font-weight: bold;
	color: White;
}

.gridViewHeader a
{
    text-decoration: underline;
    color: White;
    font-weight: bold;
}

.gridViewAlternatingRow
{
	background-color: White;
}

/* *************************************************************************** */ 
/*Credits: By Santosh Setty (http://webdesigninfo.wordpress.com) */
/*Posted to: Dynamic Drive CSS Library (http://www.dynamicdrive.com/style/) */

.glossymenu{
	position: relative;
	padding: 0 0 0 34px;
	margin: 0 auto 0 auto;
	background: url(images/menub_bg.gif) repeat-x; /*tab background image path*/
	height: 46px;
	list-style: none;
}

.glossymenu li{
	float:left;
}

.glossymenu li a{
	float: left;
	display: block;
	color:#000;
	text-decoration: none;
	font-family: sans-serif;
	font-size: 13px;
	font-weight: bold;
	padding:0 0 0 16px; /*Padding to accomodate left tab image. Do not change*/
	height: 46px;
	line-height: 46px;
	text-align: center;
	cursor: pointer;	
}

.glossymenu li a b{
	float: left;
	display: block;
	padding: 0 24px 0 8px; /*Padding of menu items*/
}

.glossymenu li.current a, .glossymenu li a:hover{
	color: #fff;
	background: url(images/menub_hover_left.gif) no-repeat; /*left tab image path*/
	background-position: left;
}

.glossymenu li.current a b, .glossymenu li a:hover b{
	color: #fff;
	background: url(images/menub_hover_right.gif) no-repeat right top; /*right tab image path*/
}
/* *************************************************************************** */ 

div.dt
{
width:220px;
padding:10px; 
margin:0px;
-moz-box-shadow:0px 0px 3px #aaa;
-webkit-box-shadow:0px 0px 3px #aaa;
box-shadow:0px 0px 3px #aaa;
-moz-border-radius:10px;
-webkit-border-radius:10px;
border-radius:10px;
border:2px solid #fff;
background-color:#f9f9f9;
overflow:hidden;
}

 
div.mainreport
{
width:825px;
height:1125px;
padding:10px; 
margin:0px;
-moz-box-shadow:0px 0px 3px #aaa;
-webkit-box-shadow:0px 0px 3px #aaa;
box-shadow:0px 0px 3px #aaa;
-moz-border-radius:10px;
-webkit-border-radius:10px;
border-radius:10px;
border:2px solid #fff;
background-color:#FFF;
overflow:hidden;
}

table.reportborder
{
width:824px;
padding:10px; 
-moz-box-shadow:0px 0px 3px #aaa;
-webkit-box-shadow:0px 0px 3px #aaa;
box-shadow:0px 0px 3px #aaa;
-moz-border-radius:10px;
-webkit-border-radius:10px;
border-radius:10px;
border:2px solid #fff;
background-color:#f9f9f9;
overflow:hidden;
    margin-left: 0px;
    margin-right: 0px;
    margin-bottom: 0px;
}

table.border
{
width:800px;
padding:10px; 
-moz-box-shadow:0px 0px 3px #aaa;
-webkit-box-shadow:0px 0px 3px #aaa;
box-shadow:0px 0px 3px #aaa;
-moz-border-radius:10px;
-webkit-border-radius:10px;
border-radius:10px;
border:2px solid #fff;
background-color:#f9f9f9;
overflow:hidden;
    margin-left: 0px;
    margin-right: 0px;
    margin-bottom: 0px;
}

table.bordermenu
{
width:800px;
padding:0px; 
margin:0px;
-moz-box-shadow:0px 0px 3px #aaa;
-webkit-box-shadow:0px 0px 3px #aaa;
box-shadow:0px 0px 3px #aaa;
-moz-border-radius:10px;
-webkit-border-radius:10px;
border-radius:10px;
border:2px solid #fff;
background-color:#f9f9f9;
overflow:hidden;
}

div.hidden  {display:none;}

#shark form select{
    background: #ffffff;
    border: 1px solid #ddd;
    -moz-border-radius: 3px;
    -webkit-border-radius: 3px;
    border-radius: 3px;
    outline: none;
    padding: 5px;
    width: 200px;
    float:left;
}
#shark form input:focus{
    -moz-box-shadow:0px 0px 3px #aaa;
    -webkit-box-shadow:0px 0px 3px #aaa;
    box-shadow:0px 0px 3px #aaa;
    background-color:#FFFEEF;
}
		}
	.buttonMenu.default:active {
		background: #8abcd7;
		background: -webkit-gradient(linear, left top, left bottom, from(#81afc8), to(#b7def4));
		background: -moz-linear-gradient(top, #81afc8, #b7def4);
		border-color: #6e94a9;
		border-top-color: #567c91;
		border-bottom-color: #88aec4;

		
		box-shadow: inset 0 -1px 1px #fff;
    		-webkit-box-shadow: inset 0 -1px 1px #fff;
    		-moz-box-shadow: inset 0 -1px 1px #fff;
    		-o-box-shadow: inset 0 -1px 1px #fff;
		
		
		}
.buttonMenu[disabled],
.buttonMenu[disabled]:active {
	color: #a7a7a7;
	background: #efefef;
	background: -webkit-gradient(linear, left top, left bottom, from(#f6f6f6), to(#e1e1e1));
	background: -moz-linear-gradient(top, #f6f6f6, #e1e1e1);
	border-color: #d4d4d4;
	border-top-color: #dedede;
	border-bottom-color: #c9c9c9;
	cursor: default;
	}
	.buttonMenu[disabled]:hover,
	.buttonMenu[disabled]:focus {
		box-shadow: none;
		-webkit-box-shadow: none;
		-moz-box-shadow: none;
		-o-box-shadow: none;
		}
		
		#dirbutton img { margin-top:-3px;}
		
		 .menuTabs
        {
            position:relative;
            left:10px;             
    border-radius: 0 0 10px 10px;
    border-top: 1px solid #FFFFFF;
    height: 45px;
        }
        #wrapper a:hover {    
        
          
            display: block;
            font-weight: bold;
            height: 45px;
            line-height: 45px;
            outline: medium none;

            padding: 0px 8px;
            text-decoration: none;
            background-color: #F9F9F9;
            border: 2px solid #FFFFFF;
            border-radius: 10px 10px 10px 10px;
            box-shadow: 0 0 3px #AAAAAA;
            overflow: hidden;
            
            background:#d8d8d8;
            color:#666;
            text-shadow:1px 1px 1px #fff;
    }
        .tab
        {
            background: -moz-linear-gradient(center bottom , #F0F0F0 9%, #E3E3E3 55%, #F0F0F0 78%) repeat scroll 0 0 transparent;
             border-radius: 10px 10px 10px 10px;
            border-left: 1px solid #FFFFFF;
            border-right: 1px solid #FFFFFF;
            color: #777777; 
            font-weight: bold;
            height: 45px;
            line-height: 45px;
            outline: medium none;
            padding: 0 8px;
            text-decoration: none;
        }
        .selectedTab
        {
            background: none repeat scroll 0 0 #D8D8D8;
            border-radius: 10px 10px 10px 10px;
            color: #666666;
            text-shadow: 1px 1px 1px #FFFFFF;
             border-left: 1px solid #FFFFFF;
            border-right: 1px solid #FFFFFF;
            color: #777777;
             
            font-weight: bold;
            height: 45px;
            line-height: 45px;
            outline: medium none;
            padding: 0 8px;
            text-decoration: none;
        }
        .tabBody
        {
            border:Solid 1px black;
            padding:8px;
            background-color:white;
        }
        
        
         .LoginWrapper{
            -moz-box-shadow:0px 0px 3px #aaa;
            -webkit-box-shadow:0px 0px 3px #aaa;
            box-shadow:0px 0px 3px #aaa;
            -moz-border-radius:10px;
            -webkit-border-radius:10px;
            border-radius:10px;
            border:2px solid #fff;
            background-color:#f9f9f9;
            width:600px;
            overflow:hidden;
        }
        #LoginWrapper
        {
           
            -moz-box-shadow:0px 0px 3px #aaa;
            -webkit-box-shadow:0px 0px 3px #aaa;
            box-shadow:0px 0px 3px #aaa;
            -moz-border-radius:10px;
            -webkit-border-radius:10px;
            border-radius:10px;
            border:2px solid #fff;
            background-color:#f9f9f9;
            width:600px;
            overflow:hidden;
        }
